<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title> FERS Update Password </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="holamundo.js"></script>
<link rel="stylesheet" type="text/css" href="css/Style.css" />
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>

<%

String visitorName=null;
Cookie cookie= null;
Cookie[] cookies=request.getCookies();
if(cookies!=null){
	for(int i=0; i<cookies.length; i++){
		cookie=cookies[i];
		if(cookie.getName().compareTo("user")==0)
		visitorName=cookie.getValue();
		
	}
}


%>

<script type="javascript">

	function compara() { 

		if (document.form1.pass1.value != document.form1.pass2.value) {
		alert('Las contrasena no son identicas, por favor reintente.');
			return false; } 
		else {
			return true;
	}
}

</script>

</head>


<body>

<header class="cabecera">

<div class="image">

<img src="Images/Skyline.png" alt="Mi titulo de la imagen">

 
 
	<div class="login"> 
 		<img src="Images/icon.png" alt="icono">
 		
 		<a href="InfVisitorServlet"><%= visitorName %></a> / <a href="index.jsp">LogOut</a>
</div>




<nav class="nav"> 
	<ul class="menu">
		<li><a href="index.jsp"> Home</a></li>
		<li><a href="#"> North Town</a>
			<ul>
				<li><a href="museum.jsp"> Museum</a></li>
				<li><a href="theater.jsp"> Theater</a></li>
				<li><a href="stadium.jsp"> Stadium</a></li>
				<li><a href="business.jsp"> Business</a></li>
			</ul>
		</li>
		<li><a href="#"> South Town</a>
			<ul>
				<li><a href="park.jsp"> Park</a></li>
				<li><a href="zoo.jsp"> Zoo</a></li>
				<li><a href="attractions.jsp"> Attractions</a></li>
				<li><a href="markets.jsp"> Markets</a></li>
			</ul>
		</li>
		<li><a href="EventServlet"> Events</a></li>
	</ul>
 </nav>

</header>

<div class="Container">
	<h2> Password Update</h2>


<div id="marcoForm">
	<form action="PasswordUpdateServlet" method="post" name="form">
		<br>
		<label for="oldpass"> Old Password*:</label>
		<input type="password" name="oldpass" id= "oldpass" placeholder="Alphanumeric 6-15 car." minlength="6" maxlength="15"  tabindex="1" required/> 
		<br>
		<br>
		<label for="newpass1"> New Password*:</label>
		<input type="password" name="newpass1" id= "newpass1" placeholder="Alphanumeric 6-15 car." minlength="6" maxlength="15"  tabindex="2" required/> 
		<br>
		<br>
		<label for="newpass2" > Confirm New Password*:</label>
		<input type="password" name="newpass2" id= "newpass2" placeholder="Alphanumeric 6-15 car." minlength="6" maxlength="15"  tabindex="3" required/> 
		<br>
		<h6> (*) Required Fields <h6>
		<br>
		<br>
		<input type="submit" value="Send">
	</form>
</div>
</div>

<footer> Copyright @ 2015 All Rights Reserved </footer>

</body>

</html>